Fullscreen
Hide preview
Show code editor
Send prompt
Add files from Google Drive
Insert files (text, images, audio, video) into your prompt.
Take a picture and insert it into your prompt.
Add files
Choose a system instructions configuration to use with the applet
Select the audio source for the speech-to-text feature
App metadata
Root HTML with Tailwind and Fonts
React Entry Point
TypeScript definitions
Content Data
Navigation Sidebar
Introduction Section
Literary Perspectives Section
Riddle Display Component
Main Application Layout
Update fonts to Rubik and define new playful color palette
Refactor Sidebar into a Top Navigation Header to match the target site style
Update layout to column-based structure (Header + Content)
Restyle Intro with news/magazine aesthetic
Grid layout with colorful cards
Card-based article style for riddles with toggle reveal
Update header titles to Exeter Book Riddles and AE PRESENTATION
Change Challenge to Riddle, and redesign the answer box to be cleaner and more structured
Increase max-height for answer box to fit longer text
Update footer text
Number list items and style the scholarly quote with a large opening sentence
Add specific icons (Bird, Mountain, PenTool) corresponding to the answer of each riddle
Add notes on Prosopopoeia and Jennifer Neville's ecocriticism insights
Redesign sidebar to be a vertical left-side navigation with colorful tabs
Update layout to flex-row for desktop sidebar support
Add custom Swan Icon
Add citation for Themes and Questions
Refined sidebar to have floating cards on a shared background, matching the requested style
Unify layout to be seamless with sidebar sharing background context
Add source field to IntroData structure
Move citation to structured source field
Widen main container to 95% of screen width
Widen content layout and render embedded citation link
Widen content layout
Import Fredoka font, update font-family config, and update color palette to Actu style
Reduce max-width to 1240px to create more whitespace on the sides
Add detailed notes for Riddles 7, 33, and 51
Widen the main container layout to improve readability
Increase font sizes for headings, prose, and quotes to match the wider layout
Increase font sizes for poem text, answers, and analysis
Increase text size for titles and descriptions
Widen sidebar to w-80 and increase text size
Update font configuration to use Fredoka universally for all text styles
Capture d’écran 2025-12-16 à 18.31.50.png
Add support for text-anchored annotations in RiddleData
Add specific annotations to Riddle 51 based on the provided image
Implement interactive annotations for Riddle 51
undefined(58, 29): Cannot find namespace 'JSX'.
undefined(62, 36): Cannot find namespace 'JSX'.
Fix "Cannot find namespace JSX" error by using React.ReactElement instead of JSX.Element
Capture d’écran 2025-12-16 à 18.38.49.png
Capture d’écran 2025-12-16 à 18.39.02.png
Add annotations for Riddle 7 and Riddle 33 based on provided images
Make annotations appear relative to the clicked word and remove bounce animation from hint
Change Literature label to AE Presentation and increase title spacing
Update Intro title, convert Perspectives to bullet points, and add Form/Structure to riddles
Make text bigger and bolder, adjust quote styling with more spacing and less weight
Redesign cards to be cleaner and use bullet lists
Switch to British English spellings and fix typos
Refactor layout to vertical list for better readability
Redesign to colorful 2-column grid and remove Method labels
Move Form and Structure next to poem, other criticism below
Adjust text boldness/color, remove list header, and link UNESCO citation
Reduce riddle poem font size
Update brand colors to Union Jack palette
Increase font sizes for better readability
Match heights of Poem and Form boxes; update layout
Remove 10th Century footer card
Refine colors to dignified Union Jack palette and soften shadows
Remove uppercase from titles and punctuation from subheader
Remove question mark icon and reset height of Form & Structure box
Tone down colors to deeper, more dignified shades
Tone down sidebar button colors
Remove caesura definition from Riddle 51 analysis
Rename header to Literary Criticism
Rename Perspectives sidebar item to Criticism
Update color palette to 'Old Money' aesthetic (Burgundy, Navy, Racing Green, Antique Gold, Linen)
Update sidebar buttons to use the new deep, rich color palette
Update cards to use sophisticated deep colors (Navy, Green, Slate, Burgundy, Brown)
Update decorative stripe to include Green and use new layout
Change highlights to subtle gold/parchment and update button colors
Update color palette to lighter, balanced 'Old Money' tones
Update text colors for lighter buttons to ensure readability
Move answer box below Form & Structure box
Lighten brand-yellow to a softer gold for better highlighting
Remove Prosopopoeia section from intro and weave it into Riddle 7 and 33 analysis
Refactor Function of Riddles section to use a creative, poster-style layout instead of plain text
Adjust highlight opacity slightly to accommodate the lighter yellow base color
Update yellow to a lighter Champagne Gold
Change selection text color to dark (black) instead of white
Redesign Function of Riddles section to be a bold, editorial triptych without icons
Update brand-yellow to a brighter, Guardian-style highlighter yellow
Add functionality to toggle highlighted text annotations on/off via a button
Add scholarly consensus disclaimer note to the answer reveal section
Add field for Old English poem text
Add Old English text and Riddle 51 manuscript context
Add Interactive History Timeline
Add Modern/Old English Toggle and Linguistic Guide
Update timeline events with accurate historical dates, dispute notes, and rename section header
Update timeline to use proportional spacing, fix visibility issues, and update text content per user request
Revert timeline to even grid spacing, position info boxes directly under specific dates, ensure visibility.
Darken the text color for the ~100 Riddles badge to improve readability
Redesign the Purpose & Function section to use an asymmetric bento grid layout with improved typography and visuals.
Update Intro content (reorder, refine AI-sounding text, update terminology), and modify Riddle analysis (merge categories, add New Criticism, separate context/cultural points, and remove all em dashes).
Introduce a separate 'Historical & Cultural Context' section to distinguish historical notes from literary criticism. Update filtering logic and UI layout for these separate categories. Replace em dashes in static code.
Clean up content: remove AI-sounding phrases, fix terminology (poem to riddle), reorder quote, separate context for Riddle 7, update analysis boxes for 33 and 51, and replace all em dashes with colons or periods.
Move the timeline component so it appears directly below the 'What are the Exeter Book Riddles' intro paragraphs.
Reposition the timeline to be full-width immediately after the first introduction section, while keeping the rest of the content and the sidebar in a grid below it.
Reposition the layout so that the first introduction section and the 'Fast Facts' sidebar are side-by-side in a grid, followed by the full-width timeline, and then the remaining content sections.
Extend RiddleData analysis type to support optional links for specific analysis perspectives.
Add image link to Riddle 51's Material Culture analysis section.
Add a link to the Exeter Cathedral collection in the first intro section, styled as a pill button.
Update the RiddleDisplay component to render links in context cards if they are provided in the riddle data.
Update the source URL for the Themes and Questions section.
Update Exeter Cathedral link text and add the Exeter Riddle Sculpture link.
Clean up analysis points for Riddles 7, 33, and 51. Remove specific sentences as requested, move the 'conceits' analysis in Riddle 33, remove prosopopoeia sections entirely, and add an Ecocriticism section to Riddle 51.
Clean up analysis points for Riddles 7, 33, and 51 based on user instructions: remove prosopopoeia, move conceit analysis to New Criticism in Riddle 33, remove specific sentences, and rewrite Riddle 51's Ecocriticism interpretation for a more natural tone.
Clean up analysis for Riddles 7, 33, and 51. Remove prosopopoeia analysis, move the conceit analysis for Riddle 33 to New Criticism, and simplify the Ecocriticism for Riddle 51 to focus on natural origins as requested.
Remove the last sentence of Riddle 51's Ecocriticism analysis as requested, focusing only on the natural origins of the manuscript materials.
Add a 'brand-manuscript' color to the Tailwind configuration for a parchment/aged paper aesthetic.
Update the main content container to use the new 'brand-manuscript' background tint for a manuscript-like feel.
Update the Sidebar Logo Card background to match the manuscript theme for visual consistency.
Softened the perspective card backgrounds to a very light cream to complement the manuscript background while keeping content pop-out and readable.
Updated criticism and context card backgrounds to a slightly translucent cream to sit nicely on top of the manuscript background while maintaining readability.
Remove the specified sentence from Riddle 51's Ecocriticism section and fix a typo in the annotations for the same riddle.
Download
Copy to clipboard
Collapse code snippet
Suggestions